<template>
  <div class="authority-card-wrapper">
    <p class="copyright">ToKnow</p>
    <p class="copyright">Copyright © 2022.ToKnow All rights reserved.</p>
    <p class="ICP">
      <img src="@/assets/image/ICP.png" alt="" />
      <a
        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=2022021729"
        >湘ICP备2022021729号</a
      >
    </p>
    <p class="contact">联系我们：TyvanZou@163.com</p>
  </div>
</template>

<style lang="scss" scoped>
@import 'style/config';

$lh: $authorityCardWidth * 0.07;

.authority-card-wrapper {
  width: var(--authorityCardWidth);
  font-size: calc(var(--authorityCardWidth) * 0.04);
  line-height: $lh;
  color: var(--dark);
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

  p {
    line-height: $lh;
    height: $lh;
    font-size: calc($lh * 0.6);
  }

  .copyright {
    font-size: calc($lh * 0.65);
  }

  .ICP {
    height: $lh;

    a {
      margin-left: 5px;
      display: inline-block;
      vertical-align: top;
      color: var(--dark);
      line-height: $lh;
      height: $lh;

      &:hover {
        color: var(--blue);
      }

      &:visited {
        color: var(--dark);
      }
    }

    img {
      height: $lh;
    }
  }
}
</style>
